<!DOCTYPE html>
<html lang="en" >
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta name="apple-mobile-web-app-status-bar-style" content="blank">
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>个人中心</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/personCenter.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/swiper-3.4.2.min.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/flexible_css.js"></script>
    <script src="js/flexible.js"></script>

    <style>
      .hidei{
          display: none !important
      }
    </style>

</head>
<body ontouchstart>
   <div class="wrap">
      <!-- 头部红banner -->
      <div class="top clearfloat">
         <section class="Fleft">
             <div class="type">余额</div>
             <div class="money">1666.34元</div>
             <a href="./recharge.html" style="color: #fff;"><div class="btn">充值</div></a> 
         </section>
         <section class="Fright">
             <div class="type">积分</div>
             <div class="money">1666.34</div>
             <a href="./mingxi.html" style="color: #fff;"><div class="btn">明细</div></a>
        </section>
        
        
      </div>
      <!-- 显示头像 和昵称 -->
      <div class="posBox">
            <div class="box">
                <img src="./images/head@2x.png" alt="小悟空"> Hi~小悟空
            </div>
      </div>
      <!-- 主体 -->
      <div class="cont">
          <ul>
             <li> <a href="./wodedingdan.html" >我的订单 <img src="./images/go@2x.png" alt=""></a></li> 
             <li> <a href="./addressControl.html" >收货地址 <img src="./images/go@2x.png" alt=""></a></li>
             <li> <a href="./przi.html">邀请有奖 <img src="./images/go@2x.png" alt=""></a></li>
          </ul>

          <ul>
                <li> <a href="./yinhangkaguanli.html">银行卡管理 <img src="./images/go@2x.png" alt=""></a></li> 
                <li> <a href="./tixian.html">余额提现 <img src="./images/go@2x.png" alt=""></a></li>
          </ul>

          <ul>
                <li> <a href="">帮助中心 <img src="./images/go@2x.png" alt=""></a></li> 
                <li> <a href="">联系客服 <img src="./images/go@2x.png" alt=""></a></li>
          </ul>
      </div>

      <button id="exitLogin">退出登录</button>
      <button id="toLogin" class="hidei"> <a style="color: #fff; display: inline-block;width: 100%;" href="./login.html">请登录</a>  </button>

      <!-- 公共的页脚 -->
      <div class="footer">
        <ul>
            <li>
                <a  href="index.html">
                    <img src="./images/bottomnav_home@2x.png" alt="不好意思图裂了">
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="./wodedingdan.html">
                    <img src="./images/bottomnav_order@2x.png" alt="不好意思图裂了">
                    <p>订单</p>
                </a>
            </li>
            <li>
                <a  href="./integralShop.html">
                    <img src="./images/bottomnav_integral@2x.png" alt="不好意思图裂了">
                    <p>积分商城</p>
                </a>
            </li>
            <li>
                <a class="act" href="./personCenter.html">
                    <img src="./images/bottomnav_user_select@2x.png" alt="不好意思图裂了">
                    <p>个人中心</p>
                </a>
            </li>
        </ul>
    
       </div>
   </div>
   

   <script>
       //给li里面的a添加样式类
       $('.cont li a').addClass('btnA');
     $('#exitLogin').on('click',function(){
         $(this).fadeOut();
         $('#toLogin').removeClass('hidei')
         $('.posBox').fadeOut();
     })
   </script>
   <script>
   </script>

</body>
</html>
